<template>
  <Home>
    <div>
      <div class="content_item">
        <div class="content_item_title">
          <span>个人信息</span>
          <el-button type="primary" size="small ">修改</el-button>
        </div>
        <div class="content_item_container">
          <span ></span>
          <span></span>
        </div>
      </div>
      <div class="content_item">
        <div class="content_item_title">
          <span>亲友信息</span>
          <el-button type="primary" size="small ">修改</el-button>
        </div>
      </div>
    </div>
  </Home>
</template>

<script>
import Home from "@/components/Home/index";
import { person } from "@/api/getInformation";

export default {
  data() {
    return {};
  },
  components: {
    Home,
  },
  methods: {
    async Person(id) {
      const data = await person(id);
      return data;
    },
  },
  mounted() {
    this.Person(this.$route.params.id).then((res) => {
      console.log(res);
    });
  },
};
</script>
<style scoped>
.content_item_title > span {
  font-size: 20px;
}

.content_item_title {
  display: flex;
  align-items: center;
}
.content_item {
  color: black;
  margin-bottom: 20px;
}
.content_item_container{
  color: #999;
  font-size: 16px;
}
</style>